<html>
<head>
<meta charset="utf-8">
<title>Event Teller</title>
<script src="jQueryAssets/jquery-1.9.1.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="frame.css" >
<link rel="stylesheet" type="text/css" href="styles.css" >
<link href="jQueryAssets/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css">



  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 

<script src="script.js"></script>
<script src="autoadvance.js"></script>
<!--animation -->
<script type="text/javascript">


var flag=0;
$(document).ready(
	function()
	{
		$("button").click(
			function()
			{
				if(flag==0)
				{
					$("#img").animate({left:"-=100px"});
					flag =1;
				}
				else {
				$("#img").animate({left:"+=100px"});
				flag = 0;
				alert('adsf');
				}
			}
		);
		
		/*$(".block").hover(
			function()
			{
				$(this).animate({backgroundColor:"#E3E"});
			},
			function()
			{
				$(this).animate({backgroundColor:"#FFF"});
			}
		);*/
	
		$(function() {
			$( "#accordion" ).accordion();
		});	
	}
);
</script>
<!--animation -->

<!--Auto Complete -->
<script  type="text/javascript">
  $(function() {
    var availableTags = [
      "載物",
      "厚德",
      "資工",
      "電機",
      "動機",
      "人社",
      "學生會",
      "演講",
      "音樂會",
      "工作坊",
      "學院",
      "成發",
      "表演",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#searchblock" ).autocomplete({
      source: availableTags
    });
  });
  </script>
  <!--Auto Complete -->
<script src="js/fb.js" type="text/javascript"></script>
<script type="text/javascript">
 
   // FB.login(function(response){});
</script>
<link rel="shortcut icon" href="img/icon.ico" />
</head>

<body topmargin="0">
    <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1&appId=299846853449522";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
	<div id='wrapper' topmargin="0" >
	     
        <div id="head"  >
            <img id = "logo" src="img/logo.png" style="float:left" ;/>
          
        	
            <div class="block"  onclick="document.location.href='createevent.html'">
            	辦活動
            </div>
            <div class="empty" style="width:120px;">
         		</div>
            <div class="block" id="about" onclick="searchEventResponse({'event':[{'name':'n1','picture':'p1'},{'name':'n2','picture':'p2'},{'name':'n2','picture':'p2'}]})"> 
            	關於
            </div>
	        <div class="block" id="friend">
            	朋友
            </div>
            <div class='block' id="hot">
            	熱門度
            </div>
            <div class="block" id="time">
            	時間
            </div >
         	<div class="empty" style="width:20px;">
         		</div>
            <div >
                <form name="searchblock"  onsubmit="return false">
                   <div class="ui-widget" style="z-index:300;">
                      <input id="searchblock"  style="z-index:301;" name="keyword" placeholder="找活動..." style="z-index:301;">
                      <input id = 'searchbtn' type="image" src="images\search.png" >            
                   </div>
                   
                </form>
            </div>
            
            
        </div>
        <div id="allcontent">
        	
        <div id="left" >
            <div id="accordion" class ="accordion" >
              <h3>講座</h3>
              <div class="category">
                <p class="tag">載物</p>
                <p class="tag">厚德</p>
                <p class="tag">資工</p>
              </div>
              <h3>活動</h3>
              <div>
                <p class="tag">活動</p>
              </div>
            </div>
             
        </div>
        <div id="right">
        	 <fb:login-button style="float:right"  show-faces="true" perms="create_event,manage_pages,read_friendlists" autologoutlink="true" width="100px" max-rows="1"></fb:login-button>
        	 <div class="fb-like-box" data-href="https://www.facebook.com/pages/Event-Teller/1409056866000177" data-width="200" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
        </div>
        <div id="middle"> 
        	<div class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-timeout="2000" data-cycle-slides="div">
			    <div class="slides">
			       <img src="img/slide.png" style="height:100%;">
			    </div>
			    <div class="slides">
			        <img src="img/slide2.png" style="height:100%;">
			    </div>
			    <div class="slides">
			       <img src="img/slide3.png" style="height:100%;">
			    </div>
			</div>
        	<!--<div id="slideframe" class="slideframe">
                <div id="slideshow">
                    <ul class="slides">
                        <li style="cursor:pointer"><img src="img/photos/1.jpg" width="620" height="320" alt="Marsa Alam underawter close up" /></li>
                        <li><img src="http://www.cs.nthu.edu.tw/~shwu/images/portrait-2011.jpg" width="620" height="320" alt="Turrimetta Beach - Dawn" /></li>
                        <li><img src="img/photos/3.jpg" width="620" height="320" alt="Power Station" /></li>
                        <li><img src="img/photos/4.jpg" width="620" height="320" alt="Colors of Nature" /></li>
                    </ul>
                
                    <span class="arrow previous"></span>
                    <span class="arrow next"></span>
                </div>
         </div>-->
            <div class="content" id="EventContent">
                
            </div>
        </div>
        
       </div>
        
        
   </div>

</body>
<script type="text/javascript" src="js/loadsingleevent.js"></script>
<script type="text/javascript" src="js/declaration.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/comment.js"></script>
<script type="text/javascript" src="js/interested.js"></script>
<script type="text/javascript" src="js/content.js"></script>
<script type="text/javascript" src="js/searchbar.js"></script>
<script type="text/javascript" src="js/head.js"></script>
<script type="text/javascript" src="js/searchevent.js"></script>
<script type="text/javascript" src="js/jquery.cycle2.min.js"></script>

</html>
